<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Sortable - Connect lists</title>
  
  <link rel="stylesheet" href="themes/1/jquery-ui.css" media="screen" ></link>
  <script type="text/javascript" src="jquery.js" ></script>
  <script type="text/javascript" src="jquery-ui.js" ></script>
  <!-- 
  <script type="text/javascript" src="ssw1.js"></script>
  <script type="text/javascript" src="menutil.js"></script>
  --->
  <script type="text/javascript" src="ssw-dynamic-table-0.0.js"></script>
  
  <style>
  table {
      border-collapse: collapse;
  }
  td {
      vertical-align: top;
  }

  td.ssw_sortable_td {
      border: solid 1px #1c94c4;
      height:100%;
  }
  .ssw_sortable {
      gggbackground-color: #eee;
      list-style-type: none; margin: 0; padding: 0px; 
      float: left; margin-right: 10px;
      width: 146px;
  }
  .ssw_sortable_li {
      margin: 3px; padding: 4px; font-size: .7em; 
      width: 132px; 
      background-color:yellowgreen;
      border:solid 1px gray;
  }
  </style>
</head>
<body>
 
<h1>Test</h1>
    
<div id="ssw_tgt2">
    <p>
        <input type="button" value="Publish schedule" onclick="publish('ssw_tgt1','ssw_tgt2')"/>
    </p>
    <table>
        <tr>
            <td>
                <div id="1" class="ssw_elementBlock" ></div>
            </td>
            <td style='border-left:solid 1px gray'></td>
            <td>
                <div id="ssw_tgt1">
                    <p>Fields</p>
                    <hr/>
                    <table>
                        <tr>
                            <td>
                                <div id="2" class="ssw_elementBlock" ></div>
                                <hr/>
                                <div id="3" class="ssw_elementBlock" ></div>
                                <hr/>
                                <div id="4" class="ssw_elementBlock" ></div>
                            </td>
                        </tr>
                    </table>
                </div>
            </td>
        </tr>
    </table>
</div>

<br style="clear: both;" />
    
<script>
    var ops = retrieveOps();
    tableInit("from",1,1,ops ,".ssw_elementBlock#1","Teams",title0,title0   );
    tableInit("to1" ,5,4,null,".ssw_elementBlock#2","Raimondi"  ,times ,nameOfDay);
    tableInit("to2" ,5,4,null,".ssw_elementBlock#3","CofA"      ,times ,nameOfDay);
    tableInit("to3" ,5,4,null,".ssw_elementBlock#4","Lincoln"   ,times ,nameOfDay);
    app1();
</script> 
    
</body>
</html>
